import React from 'react'
class King extends React.Component{
    // 需求：当点击按钮的时候，该变name的值
    //注册事件
//1.可以在表达式中直接书写处理函数
//2.将处理函数写到类中
//3.所有的事件都是通过on+驼峰的事件名 如：onClick onMousemove onInput
    constructor(){
        super()
        this.state={
            name:'李白'
        }
    }
    handleClick=()=>{ //写成箭头函数，就不用担心丢失this指向的问题
        console.log(this); //打印的是King这个实例 
        this.setState({
            name:'苏轼'
        })
    }
    render(){
        return(
            <fieldset>
                <legend>事件</legend>
                <button onClick={()=>{
                    this.handleClick('爱好')
                }}>点击</button>
                <h4>{this.state.name}</h4>
            </fieldset>
        )
        
    }
}
export default King